<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    template="/plantillas/plantilla-sistema.xhtml">
    
    <ui:define name="cabecera">
        <title>Inicio</title>
        <link rel="shortcut icon"  
              href="../../resources/imagenes/favicon.ico" />
        <script src="http://maps.google.com/maps/api/js?sensor=true" 
                type="text/javascript"/>
    </ui:define>
    
    <ui:define name="contenido">
        
        <center>
        <p:panel id="controlPnl" 
                 header="Panel de Control" 
                 stylestyleClass="contenido">
            <p:tabView id="tabView"
                       orientation="left" 
                       dynamic="true"
                       style="font-size: 110%">
                
                <p:tab title="Inicio">
                    
                    <p:panelGrid style="align:left">
                        <p:row>
                            <p:column style="font-size: 110%;
                                             border-color: transparent;">
                                Bienvenid@, #{sesionBean.usuario.nombre}
                            </p:column>
                            <p:column style="border-color: transparent;">
                                <h:form>
                                    <p:commandButton value="Cerrar sesión"
                                                     style="font-size: 110%;
                                                            border-color: transparent;"
                                                     action="#{sesionBean.cerrarSesion}"/>
                                </h:form>
                            </p:column>
                        </p:row>
                    </p:panelGrid>
                    
                    
                    <p:panelGrid style="align:left">
                        <p:row>
                            <p:column style="border-color: transparent;">
                                <p:graphicImage library="imagenes" name="torogoz.gif" />
                            </p:column>
                            <p:column style="font-size: 110%; text-align: justify;
                                             border-color: transparent;">
                                Bienvenidos al sistema de registro de la colección de
                                zoología del MUHNES.
                                <br/><br/><br/>
                                Elija una opción en el menú para comenzar.
                            </p:column>
                        </p:row>
                    </p:panelGrid>
                    
                </p:tab>
                
                <p:tab title="Revisión usuarios">
                    
                    <h:form id="tablaUsuarioFrm">
                    <p:dataTable id="tablaUsuarioDtb"
                                 value="#{cpanelBean.listaUsuarios}"
                                 var="usuario" 
                                 selectionMode="single"
                                 rowKey="#{usuario.correousuario}"
                                 emptyMessage="No hay registros disponibles."
                                 paginator="true" 
                                 paginatorPosition="bottom" 
                                 rows="10"
                                 resizableColumns="true">
                        
                        <p:column headerText="Nombre" 
                                  filterBy="#{usuario.nombre}" 
                                  sortBy="#{usuario.nombre}" 
                                  filterMatchMode="contains"
                                  styleClass="columna">
                            <h:outputText id="nombreusuarioTxt" 
                                          value="#{usuario.nombre}" />
                        </p:column>
                        
                        <p:column headerText="Correo" 
                                  filterBy="#{usuario.correousuario}" 
                                  sortBy="#{usuario.correousuario}" 
                                  filterMatchMode="contains"
                                  styleClass="columna">
                            <h:outputText id="correousuario" 
                                          value="#{usuario.correousuario}"/>
                        </p:column>
                        
                        <p:column headerText="Teléfono" 
                                  filterBy="#{usuario.telefono}" 
                                  sortBy="#{usuario.telefono}" 
                                  filterMatchMode="startsWith"
                                  styleClass="columna">
                            <h:outputText id="telefono" 
                                          value="#{usuario.telefono}"/>
                        </p:column>
                        
                        <p:column headerText="Jefe" 
                                  filterBy="#{usuario.jefe}" 
                                  sortBy="#{usuario.jefe}" 
                                  filterMatchMode="contains"
                                  styleClass="columna">
                            <h:outputText id="jefeTxt" 
                                          value="#{usuario.jefe}"/>
                        </p:column>
                        
                        <p:column headerText="Renovar contraseña"
                                  styleClass="columna">
                            <p:commandButton id="renovarBtn" 
                                                     value="Renovar" 
                                                     icon="ui-icon-refresh"
                                                     actionListener="#{cpanelBean.usuarioBean.setEntidad(usuario)}"
                                                     oncomplete="renovarContrasenyaWgt.show()"
                                                     update="@form" />
                        </p:column>
                        
                    </p:dataTable>
                </h:form>
                    
                </p:tab>
                
                <p:tab title="Revisión animales">
                   <h:form id="tablaAnimalFrm"> 
                  
                   <p:dataTable id="tablaAnimalDtb" 
                                var="animal"
                                value="#{cpanelBean.listaAnimales}" 
                                selection="#{cpanelBean.animalBean.animalSeleccionado}"
                                rowKey="#{animal.codigoanimal}"
                                resizableColumns="true" 
                                paginator="true" 
                                paginatorPosition="bottom" 
                                rows="10" 
                                selectionMode="single"
                                emptyMessage="No hay registros disponibles.">
                       
                            <p:ajax event="rowSelect" />  
                            
                            <p:column filterBy="#{animal.especie.nombre}" 
                                      sortBy="#{animal.especie.nombre}"   
                                      headerText="Especie" 
                                      filterMatchMode="contains"
                                      styleClass="columna">
                                <h:outputText value="#{animal.especie.nombre}"  />
                            </p:column>
                            
                            <p:column filterBy="#{animal.nombrecientifico}"  
                                      sortBy="#{animal.nombrecientifico}"  
                                      headerText="Nombre Cientifico" 
                                      filterMatchMode="contains"
                                      styleClass="columna">
                                <h:outputText value="#{animal.nombrecientifico}" />
                            </p:column>
                            
                            <p:column filterBy="#{animal.nombrecomun}" 
                                      sortBy="##{animal.nombrecomun}"  
                                      headerText="Nombre Común" 
                                      filterMatchMode="contains"
                                      styleClass="columna">
                                <h:outputText value="#{animal.nombrecomun}"   />
                            </p:column>
                            
                            <p:column filterBy="#{animal.rangodistribucion}" 
                                      sortBy="#{animal.rangodistribucion}"   
                                      headerText="Rango Distribución" 
                                      filterMatchMode="contains"
                                      styleClass="columna">
                                <h:outputText value="#{animal.rangodistribucion}"  />
                            </p:column>
                            
                            <p:column filterBy="#{animal.referenciasbibliograficas}"  
                                      sortBy="#{animal.referenciasbibliograficas}"  
                                      headerText="Referencia Bibliografica" 
                                      filterMatchMode="contains"
                                      styleClass="columna">
                                <h:outputText value="#{animal.referenciasbibliograficas}" />
                            </p:column>
                            
                            <p:column headerText="Fotografia" 
                                      styleClass="columna">
                                    <p:commandButton icon="ui-icon-image"
                                                actionListener="#{cpanelBean.animalBean.setEntidad(animal)}"
                                                update=":fotoDlg"
                                                oncomplete="fotoWgt.show()"/>
                           </p:column>
                            
                            <p:column headerText="Sinonimia" 
                                      styleClass="columna">
                                 <p:commandButton id="sinonimiaBtn" 
                                                  icon="ui-icon-search" type="button" />  
                                 <p:overlayPanel id="tablaSinonimiaOpn" 
                                                 for="sinonimiaBtn" 
                                                 appendToBody="true" 
                                                 showEvent="mouseup"
                                                 hideEvent="mouseup" 
                                                 hideEffect="fade" 
                                                 dynamic="true">  
                                     <p:dataTable id="tableSinonimiaDtb" 
                                                  var="sinonimia"  
                                                  value="#{cpanelBean.animalBean.getSinonimias(animal)}" 
                                                  rowKey="" 
                                                  rows="10">  
                                        <p:column headerText="Animal"
                                                  styleClass="columna">  
                                            <h:outputText value="#{sinonimia.animal.codigoanimal}" />  
                                        </p:column>  
                                        <p:column headerText="Nombre Antiguo"
                                                  styleClass="columna">  
                                            <h:outputText  value="#{sinonimia.nombreantiguo}" />  
                                        </p:column>  
                                      </p:dataTable>  
                                  </p:overlayPanel>                                 
                            </p:column>
                            
                            <p:column headerText="Reseña" 
                                      styleClass="columna"> 
                                    <p:commandButton id="resenyaBtn" 
                                                     title="Reseña" icon="ui-icon-search" 
                                                     actionListener="#{cpanelBean.animalBean.prepararResenya(animal)}" 
                                                     update=":resenaDlg" 
                                                     oncomplete="resenaWgt.show()" />
                            </p:column>
                                  <p:column headerText="Ubicación"
                                            styleClass="columna">
                               <p:commandButton title="Ubicaciones del animal" 
                                                actionListener="#{cpanelBean.animalBean.prepararMapa(animal)}"
                                                update=":mapaDlg"
                                                oncomplete="mapaWgt.show()"
                                                icon="ui-icon-search"
                                                style="font-size: 95%;"/>
                            </p:column>
                            
                            <p:column  headerText="Validar" 
                                       styleClass="columna">
                                    <p:commandButton id="validarBtn" 
                                                     value="Validar" 
                                                     icon="ui-icon-check"
                                                     actionListener="#{cpanelBean.validarAnimal(animal)}"
                                                     update="@form" />
                            </p:column>
                       </p:dataTable>                        
                    </h:form>
                </p:tab>
                
                <p:tab title="Revisión especímenes">
                    <h:form id="tablaEspecimenFrm">
                 
                    <p:dataTable id="tablaEspecimenDtb" 
                                 var="especimen"  rows="10"
                                 paginator="true" selectionMode="single" 
                                 resizableColumns="true"
                                 paginatorPosition="bottom"
                                 value="#{cpanelBean.listaEspecimenes}"
                                 filteredValue="#{cpanelBean.especimenBean.listaEntidadesFiltradas}"
                                 rowKey="#{especimen.codigoespecimen}"
                                 emptyMessage="No hay registros disponibles.">

                        <p:column headerText="Código" 
                                  filterBy="#{especimen.codigoespecimen}" 
                                  sortBy="#{especimen.codigoespecimen}" 
                                  filterMatchMode="contains"
                                  styleClass="columna">
                                <h:outputText value="#{especimen.codigoespecimen}"/> 
                        </p:column>
                        <p:column headerText="Animal" 
                                  filterBy="#{especimen.animal.nombrecientifico}" 
                                  sortBy="#{especimen.animal.nombrecientifico}" 
                                  filterMatchMode="contains"
                                  styleClass="columna">
                                <h:outputText value="#{especimen.animal.nombrecientifico}"/> 
                        </p:column>
                          <p:column headerText="Fecha Recolección" 
                                  filterBy="#{especimen.recoleccion.fecharecoleccion}" 
                                  sortBy="#{especimen.recoleccion.fecharecoleccion}" 
                                  filterMatchMode="contains"
                                  styleClass="columna">
                                         <h:outputText value="#{especimen.recoleccion.fecharecoleccion}">
                                                    <f:convertDateTime pattern="dd/MM/yyyy"/>
                                         </h:outputText> 
                          </p:column>
                        <p:column headerText="Muestras"
                                  filterBy="#{especimen.numeromuestras}" 
                                  sortBy="#{especimen.numeromuestras}" 
                                  filterMatchMode="contains"
                                  styleClass="columna">
                                <h:outputText value="#{especimen.numeromuestras}"/> 
                        </p:column>
                        <p:column headerText="Determinó"
                                  filterBy="#{especimen.determino}" 
                                  sortBy="#{especimen.determino}" 
                                  filterMatchMode="contains"
                                  styleClass="columna">
                                <h:outputText value="#{especimen.determino}"/>
                        </p:column>
                        <p:column headerText="Confirmó"
                                  filterBy="#{especimen.confirmo}" 
                                  sortBy="#{especimen.confirmo}" 
                                  filterMatchMode="contains"
                                  styleClass="columna">
                                <h:outputText value="#{especimen.confirmo}"/> 
                        </p:column>
                        <p:column headerText="Ubicación Almacén"
                                  filterBy="#{especimen.ubicacionalmacen}" 
                                  sortBy="#{especimen.ubicacionalmacen}" 
                                  filterMatchMode="contains"
                                  styleClass="columna">
                              <h:outputText value="#{especimen.ubicacionalmacen}"/> 
                        </p:column>
                        <p:column headerText="Habitát"
                                  filterBy="#{especimen.habitat}" 
                                  sortBy="#{especimen.habitat}" 
                                  filterMatchMode="contains"
                                  styleClass="columna">
                               <h:outputText value="#{especimen.habitat}"/> 
                       </p:column>
                       <p:column headerText="Conservación"
                                  filterBy="#{especimen.tipoconservacion}" 
                                  sortBy="#{especimen.tipoconservacion}" 
                                  filterMatchMode="contains"
                                  styleClass="columna">
                                <h:outputText value="#{especimen.tipoconservacion}"/> 
                        </p:column>
                                  
                        <p:column headerText="Donación"
                                  filterBy="#{especimen.donacion == 'True' ? 'Si' : 'No'}" 
                                  filterOptions="#{cpanelBean.especimenBean.itemsDonacion}"
                                  styleClass="columna">
                                <h:outputText value="#{especimen.donacion == 'True' ? 'Si' : 'No'}"/> 
                        </p:column>
                      
                    <p:column 
                        headerText="Fotografía"
                        styleClass="columna">
                             <p:commandButton 
                                 id="fotografiaBtn"  
                                 icon="ui-icon-image"
                                 type="button"
                                 title="Ver fotografía"/>
                             <p:overlayPanel dynamic="true" 
                            id="fotografiaPnl" 
                            for="fotografiaBtn" 
                            appendToBody="true" 
                            showEvent="mouseup"
                            hideEvent="mouseup" 
                            hideEffect="fade">
                            <p:graphicImage 
                                        url="/fotos/#{especimen.fotografia}"
                                        width="320"
                                        height="240"/>
                                
                        </p:overlayPanel>
                    </p:column>
                                  
                        <p:column headerText="Rasgos físico" 
                                  styleClass="columna">
                            <p:commandButton id="fisicoBtn" type="button"  
                                             title="Ver rasgos físico" icon="ui-icon-search"/>  
                                <p:overlayPanel id="fisicoPnl" for="fisicoBtn" 
                                                appendToBody="true"  showEvent="mouseup"
                                                hideEvent="mouseup"  hideEffect="fade" 
                                                dynamic="true">  
                                    
                                      <p:dataTable id="tableFisico" rows="1"
                                                   var="fisico" value="">  
                                          <p:column headerText="Peso(gr.)"
                                                    styleClass="columna">
                                                    <h:outputText value="#{especimen.peso}"/> 
                                          </p:column>
                                          <p:column headerText="Sexo"
                                                    styleClass="columna"> 
                                                    <h:outputText value="#{especimen.sexo == 'M' ? 
                                                                           'Masculino' : especimen.sexo == 'F' 
                                                                           ? 'Femenino' : 'Hemafrodita'}" />  
                                        </p:column> 
                                        <p:column headerText="Madurez"
                                                  styleClass="columna">
                                                  <h:outputText value="#{especimen.madurez}"/> 
                                        </p:column>
                                        <p:column headerText="Longitud(mt.)"
                                                  styleClass="columna">
                                                   <h:outputText value="#{especimen.longitud}"/> 
                                        </p:column>
                                        <p:column headerText="Diametro(mt.)"
                                                  styleClass="columna">
                                                  <h:outputText value="#{especimen.diametro}"/> 
                                        </p:column>
                                        <p:column headerText="Altura(mt.)"
                                                  styleClass="columna">
                                                    <h:outputText value="#{especimen.altura}"/> 
                                        </p:column>
                                        <p:column headerText="Textura"
                                                  styleClass="columna">
                                                  <h:outputText value="#{especimen.textura}"/> 
                                        </p:column>
                                        <p:column headerText="Coloración"
                                                  styleClass="columna">
                                                  <h:outputText  value="#{especimen.coloracion}"/> 
                                        </p:column>
                               </p:dataTable>  
                            </p:overlayPanel>
                         </p:column>  
                                  
                         <p:column headerText="Descripción"
                                   styleClass="columna">
                            <p:commandButton id="descripcionBtn" type="button" 
                                             title="Ver Descripción" icon="ui-icon-search"/>  
                            <p:overlayPanel id="descripcionPnl" for="descripcionBtn" 
                                            appendToBody="true" showEvent="mouseup"
                                            hideEvent="mouseup" hideEffect="fade" 
                                            dynamic="true">  
                              <p:dataTable id="tableDescripcion" value=""
                                           var="descripcion" rows="1">           
                                    <p:column headerText="Descripción Taxonómica"
                                              styleClass="columna">
                                            <h:outputText  value="#{especimen.descripciontaxonomica}"/> 
                                    </p:column>
                                    <p:column headerText="Observación"
                                              styleClass="columna">
                                            <h:outputText  value="#{especimen.observaciones}"/> 
                                    </p:column>
                                    <p:column headerText="Estado Muestra"
                                              styleClass="columna">
                                            <h:outputText value="#{especimen.estadomuestra}"/> 
                                    </p:column>
                                    <p:column headerText="Estatus Local"
                                              styleClass="columna">
                                            <h:outputText  value="#{especimen.estatuslocal}"/> 
                                    </p:column>
                               </p:dataTable>  
                            </p:overlayPanel>
                         </p:column>  
                                  
                        <p:column headerText="Recolección" 
                                  styleClass="columna">
                            <p:commandButton id="recoleccionBtn" type="button" 
                                             title="Ver Recolección" icon="ui-icon-search"/>  
                            <p:overlayPanel id="recoleccionPnl" for="recoleccionBtn" 
                                            appendToBody="true" showEvent="mouseup"
                                            hideEvent="mouseup" hideEffect="fade" 
                                            dynamic="true">  
                                <p:dataTable id="tableRecoleccion" rows="1"
                                             var="recoleccion" value="#{especimen}">  
                                   <p:column headerText="Tipo de Recolección"
                                              styleClass="columna">
                                         <h:outputText value="#{especimen.recoleccion.tiporecoleccion == 'I' ? 
                                                                'Internacional' : 'Nacional'}"/> 
                                  </p:column>
                                   <p:column headerText="Latitud"
                                            styleClass="columna">
                                         <h:outputText  value="#{especimen.recoleccion.latitud}"/> 
                                  </p:column>
                                  <p:column headerText="Longitud"
                                            styleClass="columna">
                                         <h:outputText value="#{especimen.recoleccion.longitud}"/> 
                                  </p:column>
                                    <p:column headerText="Observaciones"
                                              styleClass="columna">
                                         <h:outputText value="#{especimen.recoleccion.observaciones}"/> 
                                  </p:column>                                    
                               </p:dataTable>  
                            </p:overlayPanel>
                         </p:column>  
                                  
                        <p:column headerText="Detalle"
                                  styleClass="columna">
                                <p:commandButton id="detalleBtn" title="Ver detalle" 
                                                 icon="ui-icon-search"
                                                 type="button" update="@form"/>
                                <p:overlayPanel id="detalleOpn" for="detalleBtn" 
                                                dynamic="true" appendToBody="true" 
                                                showEvent="mouseup" hideEffect="fade" 
                                                hideEvent="mouseup">  
                                        
                                    <p:panel rendered="#{especimen.tipoespecimen == 'A'}">
                                    <p:dataTable id="tableEspecimenAcuatico" rows="1"
                                                 var="acuatico" value="">  
                                            <p:column headerText="Tipo Sustrato" 
                                                      styleClass="columna">
                                                <h:outputText value="#{cpanelBean.especimenBean.entidad.tiposustrato}"/> 
                                            </p:column>
                                            <p:column headerText="Profundidad(mt.)"
                                                      styleClass="columna">
                                                     <h:outputText value="#{cpanelBean.especimenBean.castAcuatico(especimen).profundidad}"/> 
                                            </p:column>
                                            <p:column headerText="Salinidad(PSU)"
                                                      styleClass="columna">
                                                 <h:outputText value="#{cpanelBean.especimenBean.castAcuatico(especimen).salinidad}"/>
                                            </p:column>
                                            <p:column headerText="PH"
                                                      styleClass="columna">
                                                 <h:outputText value="#{cpanelBean.especimenBean.castAcuatico(especimen).ph}"/>
                                            </p:column>
                                            <p:column headerText="Condicción Marea"
                                                      styleClass="columna">
                                                 <h:outputText value="#{cpanelBean.especimenBean.castAcuatico(especimen).condicionmarea}"/>
                                            </p:column>
                                            <p:column headerText="Hospedero"
                                                      styleClass="columna">
                                                 <h:outputText value="#{cpanelBean.especimenBean.castAcuatico(especimen).hospedero}"/>
                                            </p:column>
                                    </p:dataTable>
                               </p:panel>
                               <p:panel rendered="#{especimen.tipoespecimen  == 'T'}">
                                    <p:dataTable id="tableEspecimenTerrestre" rows="1" 
                                                 var="terrestre" value="">  
                                            <p:column headerText="Tipo Sustrato" 
                                                      styleClass="columna">
                                                <h:outputText value="#{cpanelBean.especimenBean.entidad.tiposustrato}"/> 
                                            </p:column>
                                            <p:column headerText="Altitud"
                                                      styleClass="columna">
                                                 <h:outputText value="#{cpanelBean.especimenBean.castTerrestre(especimen).altitud}"/>
                                            </p:column>
                                            <p:column headerText="Hospedero"
                                                      styleClass="columna">
                                                 <h:outputText value="#{especimenBean.castTerrestre(especimen).hospedero}"/>
                                            </p:column>
                                    </p:dataTable>
                                   </p:panel>     
                               </p:overlayPanel>
                        </p:column>
                        
                         <p:column  headerText="Validar" 
                                       styleClass="columna">
                                    <p:commandButton id="validar2Btn" 
                                                     value="Validar" 
                                                     icon="ui-icon-check"
                                                     actionListener="#{cpanelBean.validarEspecimen(especimen)}"
                                                     update="@form" />
                            </p:column>
                    </p:dataTable>
                </h:form>
                </p:tab>
                
            </p:tabView>
        </p:panel>
        </center>
        
        <p:dialog 
            id="renovarContrasenyaDlg" 
            widgetVar="renovarContrasenyaWgt"
            header="Renovar contraseña de #{cpanelBean.usuarioBean.entidad.nombre}"   
            modal="true" 
            resizable="false" 
            draggable="false"
            closable="false"
            width="350"
            style="font-size: 85%">
            <center>
                <h:form 
                    id="renovarContrasenyaFrm">
                    <h:panelGrid 
                        id="renovarContrasenyaPnl" 
                        columns="3" 
                        style="margin-top:10px; margin-bottom:10px; font-size: 85%">
                        
                        <h:outputLabel 
                            for="contrasenyaPwd" value="Contraseña: "/>
                        <p:password 
                            id="contrasenyaPwd" 
                            value="#{cpanelBean.usuarioBean.entidad.contrasenya}" 
                            match="contrasenya2Pwd"
                            required="true"
                            requiredMessage="#{msgvld.requerido}" />
                        <p:panel 
                            style="border:none; font-size: 85%">
                            <p:tooltip 
                                for="contrasenyaPwd" 
                                showEvent="mouseover" 
                                hideEvent="mouseout">
                                <p:message 
                                    id="contrasenyaMsg" 
                                    for="contrasenyaPwd"
                                    display="text" />
                            </p:tooltip>
                        </p:panel>
                        <h:outputLabel 
                            for="contrasenya2Pwd" 
                            value="Confirmar contraseña:"/>
                        <p:password 
                            id="contrasenya2Pwd" 
                            value="#{cpanelBean.usuarioBean.entidad.contrasenya}"
                            required="true"
                            requiredMessage="#{msgvld.requerido}" />
                        <p:panel 
                            style="border:none; font-size: 85%">
                            <p:tooltip 
                                for="contrasenya2Pwd" 
                                showEvent="mouseover" 
                                hideEvent="mouseout">
                                <p:message 
                                    id="contrasenya2Msg" 
                                    for="contrasenya2Pwd"
                                    display="text" />
                            </p:tooltip>
                        </p:panel>
                        
                    </h:panelGrid>
                    <p:separator/>
                    <br/>
                    <p:commandButton 
                        value="Guardar"
                        actionListener="#{cpanelBean.renovarContrasenya(cpanelBean.usuarioBean.entidad)}"
                        icon="ui-icon-refresh"
                        title="Cambiar"
                        oncomplete="renovarContrasenyaWgt.hide()" 
                        style="float:right; font-size: 85%"/>
                    <p:commandButton 
                        value="Cancelar"
                        title="Cerrar la ventana"
                        type="button"
                        onclick="renovarContrasenyaWgt.hide()" 
                        icon="ui-icon-cancel"
                        style="float:right; font-size: 85%"/>
                </h:form>
            </center>
        </p:dialog>
        
        <!-- Diálogo de Reseña del Animal -->
        <p:dialog id="resenaDlg" 
                  header="Reseña" 
                  widgetVar="resenaWgt" 
                  resizable="false" 
                  modal="true" 
                  closable="false"
                  draggable="false"
                  showEffect="false" width="750">
            
            <h:outputText value="#{cpanelBean.animalBean.resenya.contenidoactual}" 
                          escape="false"/>
            <p:commandButton value="Cerrar" 
                                         type="button" 
                                         onclick="resenaWgt.hide()"
                                         icon="ui-icon-close" 
                                         title="Cerrar ventana"
                                         immediate="true"
                                         style="float:right; font-size: 85%"/>
        </p:dialog>   
          <p:dialog id="fotoDlg" header="Fotografía" 
                    closable="false"
                    dynamic="true"
                  widgetVar="fotoWgt" style="font-size: 95%">  
                        <p:galleria id="fotosGlr" var="imagen" 
                                    effectSpeed="1000"
                                    value="#{cpanelBean.animalBean.entidad.fotos}">
                            <p:graphicImage  url="/fotos/#{imagen}" 
                                             width="480"
                                             height="360" />
                        </p:galleria> 
                        <p:commandButton value="Cerrar" 
                                         type="button" 
                                         onclick="fotoWgt.hide()"
                                         icon="ui-icon-close" 
                                         title="Cerrar ventana"
                                         immediate="true"
                                         style="float:right; font-size: 85%"/>
        </p:dialog>
        <p:dialog id="mapaDlg" 
                  header="Ubicación" 
                  widgetVar="mapaWgt" 
                  resizable="false" 
                  draggable="false" 
                  modal="true"
                  dynamic="true"
                  style="font-size: 95%">
            <p:gmap center="13.577012, -89.186539" 
                    zoom="8" type="HYBRID"
                    model="#{cpanelBean.animalBean.mapa}"
                    style="width:640px; height:480px" /> 
        </p:dialog>

    </ui:define>    
</ui:composition>

